<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<head>
<meta charset="utf-8" />
<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
<title>网络中国节</title>
<meta content="" name="keywords" />
<meta content="" name="description" />
<meta content="" name="author" />
<link href="__CSS__style1.css" type="text/css" rel="stylesheet">
<link href="__CSS__datouwang.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="__JS__jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="__JS__koala.min.1.5.js"></script>
</head>

<body>
<div class="code">
	<a href="#" class="bgcode">
		<img src="__IMG__guanggao01.jpg">
		<em>x</em>
	</a>
</div>
<div class="code" style="position: fixed;left: 5%;bottom:10px;z-index: 999;transition:all .8s ease in .2s;text-align: center;font-size: 14px;color: #999;width: 193px;height: 433px;">
	<a href="#" class="bgcode">
		<img src="__IMG__guanggao02.jpg">
		<em>x</em>
	</a>
</div>
<div class="w">
	<div class="wangluo-top-nav">
		<div class="center-cup clearfix">
			<a href="#" class="logo-box">
				<img src="__IMG__logo.png">
			</a>
			<div class="wangluo-nav">
				<ul class="clearfix">
					<li><a href="{:U('index')}" class="current">网站首页</a></li>
					<li><a href="{:U('pingxuan')}">评选办法</a></li>
					<li><a href="{:U('votelist')}">作品展示</a></li>
					<li><a href="{:U('hezuo')}">合作联系</a></li>
					<li><a href="{:U('xiazai')}">投稿下载</a></li>
				</ul>
			</div>
		</div>
	</div>
	<div class="lunbotu">
			<!-- <div id="fsD1" class="focus">  
			      <div id="D1pic1" class="fPic">
			          <foreach name="lunbo" item="vo">
			             	  <if condition="$vo.fstvbanner neq '' ">
			  				 <div class="fcon" style="display: none;">
			             			 <a  href="javascript:void(0)"><img src="{$vo.fstvbanner}" style="opacity: 1;"></a>
			         			 </div>
			  			  <else/>
			  			  	 <img src="__IMG__pic12.jpg" width="1180px" height="380px">
			  			   </if>
			  		</foreach>
			      </div>
			      <div class="fbg">  
			  	    <div class="D1fBt" id="D1fBt">
			  	        <a href="javascript:void(0)" hidefocus="true" target="_self" class=""><i>1</i></a>  
			  	        <a href="javascript:void(0)" hidefocus="true" target="_self" class=""><i>2</i></a>  
			  	        <a href="javascript:void(0)" hidefocus="true" target="_self" class="current"><i>3</i></a>  
			  	        <a href="javascript:void(0)" hidefocus="true" target="_self" class=""><i>4</i></a>  
			  	    </div>  
			      </div>  
			      <span class="prev"></span>   
			      <span class="next"></span>    
			  </div> --> 
			   <img src="__IMG__网络文化节banner.jpg">
	</div>

	<div class="center-cup" style="margin-top:20px;">
		<div class="news-search clearfix">
			<div class="news-box clearfix">
				<div id="scroll_div" class="fl"> 
				  <div id="scroll_begin">
				   <a href="#">最新通知： <span class="pad_right">2016“网络中国节”暨优秀网络文化内容推选展示活动发布会将于2017年1月8日举行</span></a>
				   <a href="#">最新通知： <span class="pad_right">2016“网络中国节”暨优秀网络文化内容推选展示活动发布会将于2017年1月8日举行</span></a>
				   <a href="#">最新通知： <span class="pad_right">2016“网络中国节”暨优秀网络文化内容推选展示活动发布会将于2017年1月8日举行</span></a>
				   <a href="#">最新通知： <span class="pad_right">2016“网络中国节”暨优秀网络文化内容推选展示活动发布会将于2017年1月8日举行</span></a>
				  </div> 
				  <div id="scroll_end"></div>
				</div> 
			</div>
			<div class="search-box">
				<form name="formsearch" action="{:U('searchAll')}" method="post" >
					<div class="srch_box">
						<input type="text" name="keyword" class="inps_txt" style="font-size:16px;" onfocus="if(this.value=='在这里搜索...'){this.value='';}" onblur="if(this.value==''){this.value='在这里搜索...';}" value="在这里搜索...">
						<input type="submit" value="" class="inps_btn">
					</div>
			    </form>
			</div>
		</div>
		<div class="hot-box clearfix">
			<a href="javascript:void(0)" class="hot-box-pic">
				<video src="http://vf.hrtv.cn/video/中国网络节1.mp4" autoplay="autoplay" controls="controls" preload="preload" width="570" height="432" style="background-color:#000;"></video>
			</a>
			<div class="hot-list-box">
				<div class="zuopin" style="margin-top:0">
					<div class="zuopin-nav">
						<img src="__IMG__tag01.png">
						<em>最热作品</em>
					</div>
					<a href="{:U('Index/votelist')}" class="more-btn">更多>></a>
				</div>
				
				<div class="mingcheng-list">
					<ul>
						<li>
							<h4>中央网信办部署深入开展“网络中国节”系列网络文化活动<i>2017-02-09</i></h4>
							<a href="http://www.cac.gov.cn/2017-01/26/c_1120385837.htm" class="hot-zuopin clearfix" target="_blank">
								<div class="hot-pic">
									<img src="__IMG__zt.jpg" width="184" height="112">
								</div>
								<div class="zuopin-content">
									<h5>中央网信办部署深入开展“网络中国节”系列网络文化活动</h5>
									<p></p>
									<em>2017-02-09</em>
								</div>
						    </a>
						</li>
						<foreach name="artic" item="vo">
							<li><h4>{$vo.title}<i>{$vo.pubtime}</i></h4>
							 <if condition="$vo.urladdr neq '' ">
								<a href="{$vo.urladdr}" class="hot-zuopin clearfix" target="_blank">
							  <else/>
							    <a href="__URL__/zuopindetails/atcid/{$vo.id}" class="hot-zuopin clearfix" target="_blank">
							 </if>
									<div class="hot-pic">
										<img src="{$vo.picture}" width="184" height="112" >
									</div>
									<div class="zuopin-content">
										<h5>{$vo.title}</h5>
										<p>{$vo.content}</p>
										<em>{$vo.pubtime}</em>
									</div>
								 </a>
						  	 </li>
						</foreach>
					</ul>
				</div>
			</div>
		</div>
		<!--改动-->
		<style type="text/css">
			.zuopin .shuomimg{font-size: 16px;color: #666;position: absolute;left: 178px;top: 10px;font-style: normal;}
			.paiming-box{width: 100%;margin:20px 20px 0;padding: 0 30px;} 
			.paiming-box li{float: right;width:42%;font-size: 16px;text-align:left;border-bottom: 1px dashed #c20406;height: 30px;line-height: 30px;margin-right: 85px;}
			.mokuai-item02{display: block;width: 220px;float: left;margin-right: 17px;overflow: hidden;margin-top: 20px;position: relative;border: 1px solid #ddd;overflow: hidden;border: none}
			.mokuai-item02:nth-child(5n){margin-right: 0}
			.item-pic{width: 218px;height: 178px;border: 1px solid #ddd;}
			.item-pic img{width: 218px;height: 178px;}
			.mokuai-item02 span{width: 90%;margin: 10px auto 0;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;display: block;color: #000;height: 30px;line-height: 30px;}
			.content-nav02 .ulcontent02 li.current a{color: #c20406;font-weight: bold;}
			.content-nav02{color: #c20406;height: 38px;line-height: 32px;}
			.content-nav02 .ulcontent02 li a{color: #c20406}
			.content-nav02 .ulcontent02 li{font-size: 20px;}
			.content-nav02 .ulcontent02 li.current {background: #fff;color: #e31e1b;height: 38px;line-height: 38px;margin-top: 0;font-size: 22px;}
			.mokuai-item03{display: block;width: 382px;float: left;margin-right: 17px;overflow: hidden;margin-top: 20px;position: relative;border: 1px solid #ddd;overflow: hidden;border: none}
			.mokuai-item03:nth-child(3n){margin-right: 0}
			.mokuai-item03 span{width: 90%;margin: 10px auto 0;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;display: block;color: #000;height: 30px;line-height: 30px;}
			.mokuai-item03 .item-pic{width: 380px;height: 178px;border: 1px solid #ddd;}
			.mokuai-item03 .item-pic img{width: 380px;height: 178px;}
		</style>
		<div class="mokuai-list" style="margin-top:50px;">
			<assign name="fstvid" value="$Think.get.fstvid"/>
			<div class="zuopin clearfix">
				<div class="zuopin-nav" style="float:left">
					<img src="__IMG__tag01.png">
					<em style="left:22px;">获奖作品</em>
				</div>
				<div class="content-nav content-nav02 zp" style="background:#fff;float:left">
					<ul class="clearfix ulcontent ulcontent02">		
						<!-- <li class="current"><a href="#">春节</a></li>
						<li><a href="#">元宵</a></li>
						<li><a href="#">清明</a></li>
						<li><a href="#">端午</a></li>
						<li><a href="#">七夕</a></li>
						<li><a href="#">中秋</a></li>
						<li><a href="#">重阳</a></li> -->
					   <foreach name="fstvname" item="vo">
						  <li <if condition="$vo['fstvid'] eq $fstvid">class="current"</if>>
						    <!-- <a href="__URL__/winList/fstvid/{$vo.fstvid}">{$vo.fstvnm}</a> -->
						    <a href="javascript:void(0)" fstvid="{$vo.fstvid}">{$vo.fstvnm}</a>
					      </li>
				       </foreach>
					</ul>
					<!-- <i><img src="__IMG__tag02.png"></i> -->
				</div>
				<!-- <a href="http://www.wlzgj.cn/festivalcn/index/votelist.html" class="more-btn" target="_blank">更多&gt;&gt;</a> -->
			</div>
			<div class="mokuai-box clearfix">
				<div class="qiehuan01" id="dataList">
				  <!--  <foreach name="winlist" item="vo" key="k">
				  						<a href="{:U('votelist',array('fstvid'=>$vo['fstvid']))}" class="mokuai-item02" target="_blank">
				  							<div class="item-pic">
				  								<img src="{$vo.picture}">
				  							</div>
				  							<span>{$vo.title}</span>
				  						</a>
				   </foreach> -->
				</div>
			</div>
		</div>
		
		<div class="mokuai-list" style="margin-top:50px;margin-bottom:50px">
			<assign name="fstvid" value="$Think.get.fstvid"/>
			<div class="zuopin clearfix">
				<div class="zuopin-nav" style="float:left">
					<img src="__IMG__tag01.png">
					<em style="left:22px;">获奖专题</em>
				</div>
				<div class="content-nav content-nav02 zt" style="background:#fff;float:left">
					<ul class="clearfix ulcontent ulcontent02">
						<foreach name="fstvname" item="vo">
						  <li <if condition="$vo['fstvid'] eq $fstvid">class="current"</if>>
						    <a href="javascript:void(0)" ztfstvid="{$vo.fstvid}">{$vo.fstvnm}</a>
					      </li>
				       </foreach>
					</ul>
				</div>
			</div>
			<div class="mokuai-box clearfix">
				<div class="qiehuan01" id="winzt">
				</div>
			</div>
			
		</div>
		<div class="mokuai-list">
			<div class="zuopin" style="margin-top:0">
				<div class="zuopin-nav">
					<img src="__IMG__tag01.png">
					<em style="left:11px;">优秀组织奖</em>
				</div>
				<!-- <a href="http://www.wlzgj.cn/festivalcn/index/votelist.html" class="more-btn" target="_blank">更多&gt;&gt;</a> -->
				<i class="shuomimg">（排名不分先后）</i>
			</div>
			<div class="mokuai-box clearfix">
				<ul class="paiming-box clearfix">
					<li>安徽网信办</li>
					<li>江苏网信办</li>
					<li>北京网信办</li>
					<li>内蒙古网信办</li>
					<li>吉林网信办</li>
					<li>江西网信办</li>
					<li>河北网信办</li>
					<li>福建网信办</li>
					<li>云南网信办</li>
					<li>新疆网信办</li>
				</ul>
			</div>
			
		</div>
		<!--改动-->
		<div class="mokuai-list">
			<div class="zuopin" style="margin-top:0">
				<div class="zuopin-nav">
					<img src="__IMG__tag01.png">
					<em>传统节日</em>
				</div>
				<a href="{:U('Index/votelist')}" class="more-btn" target="_blank">更多>></a>
			</div>
			<div class="mokuai-box clearfix">
				<foreach name="resfstv" item="vo">
					  <a href="__URL__/votelist/fstvid/{$vo.fstvid}" class="mokuai-item" target="_blank">
						<img src="{$vo.fstvpicture}">
					  </a>
				</foreach>
			</div>
			
		</div>
		<div class="gundong">
			<div class="zuopin" style="margin-top:0">
				<div class="zuopin-nav">
					<img src="__IMG__tag01.png">
					<em>评选专家</em>
				</div>
				<!-- <a href="#" class="more-btn">更多>></a> -->
			</div>
			<div class="gundong-box" >
			  <if condition="$flag neq '' ">
				<div id="demo" style="overflow:hidden;width:750;" align=center>
					<table border=0 align=center cellpadding=1 cellspacing=1 cellspace=0 >
						<tr><td valign=top bgcolor=ffffff id=marquePic1>
					<table width='100%' border='0' cellspacing='0'>
						<tr>
						  <foreach name="renwutupian" item="vo">
							<td align=center>
								<a href='__URL__/pingshen/userid/{$vo.userid}'><img src="{$vo.peopicture}" width=155 height=207 border=0><div class="zhezhao-style"><h5>{$vo.username}</h5><em>{$vo.job}</em></div></a>
							</td>
						  </foreach>
						</tr>
					</table>
						</td><td id="marquePic2" valign=top></td></tr>
					</table>
				</div>
			 <else/>
			    <div id="demo" style="overflow:hidden;width:750;" align=center>
					<table border=0 align=center cellpadding=1 cellspacing=1 cellspace=0 >
						<tr><td valign=top bgcolor=ffffff id=marquePic1>
					<table width='100%' border='0' cellspacing='0'>
						<tr>
						  <foreach name="renwubefore" item="vo">
							<td align=center>
								<a href='__URL__/pingshen/userid/{$vo.userid}'><img src="{$vo.peopicture}" width=155 height=207 border=0><div class="zhezhao-style"><h5>{$vo.username}</h5><em>{$vo.job}</em></div></a>
							</td>
						  </foreach>
						</tr>
					</table>
						</td><td id="marquePic2" valign=top></td></tr>
					</table>
				</div>
				<div id="demo02" style="overflow:hidden;width:750;" align=center>
					<table border=0 align=center cellpadding=1 cellspacing=1 cellspace=0 >
						<tr><td valign=top bgcolor=ffffff id=marquePic3>
					<table width='100%' border='0' cellspacing='0'>
						<tr>
						 <foreach name="peoafter" item="vo">
							<td align=center>
							  <a href='__URL__/pingshen/userid/{$vo.userid}'><img src="{$vo.peopicture}" width=155 height=207 border=0><div class="zhezhao-style"><h5>{$vo.username}</h5><em>{$vo.job}</em></div></a>
							</td>
						 </foreach>
						</tr>
					</table>
						</td><td id="marquePic4" valign=top></td></tr>
					</table>
				</div>
			  </if>
			</div>
			
		</div>
		<a href="javascript:void(0)" class="banner-box">
			<img src="__IMG__pic13.jpg">
		</a>
	</div>
</div>
<include file="footerask"/>
<script type="text/javascript" >
  	$(document).ready(function() {
  		$(".code em").each(function(index, el) {
  			$(this).click(function(event) {
  				$(this).parents(".code").hide();
  			});
  		});
  		function ScrollImgLeft(){ 
		 var speed=50;
		  var MyMar = null;
		 var scroll_begin = document.getElementById("scroll_begin"); 
		 var scroll_end = document.getElementById("scroll_end"); 
		 var scroll_div = document.getElementById("scroll_div"); 
		 scroll_end.innerHTML=scroll_begin.innerHTML; 
		 function Marquee(){ 
		  if(scroll_end.offsetWidth-scroll_div.scrollLeft<=0) 
		   scroll_div.scrollLeft-=scroll_begin.offsetWidth; 
		  else
		   scroll_div.scrollLeft++; 
		  } 
		  MyMar=setInterval(Marquee,speed); 
		  scroll_div.onmouseover = function(){
		　　　　　　　clearInterval(MyMar);
		　　　　　}
		 　　　　scroll_div.onmouseout = function(){
		　　　　　　　MyMar = setInterval(Marquee,speed); 　　　　
		　　　　　}  
		}
		ScrollImgLeft();

  		$(window).on('scroll', function () {
  			var scrollBottom = $(window).scrollTop() + $(window).height();
                if ($(window).scrollTop() > 500) {
                    $('.code').animate({
                    	top: '50%'},800)
                } 
                if ($(document).scrollTop() = 0) {
                    //alert("滚动条已经到达顶部为0")
                    $(".code").fadeOut();
                }else if ($(document).scrollTop() = $(document).height() - $(window).height()) {
                    $(".code").fadeIn();
                };
            });
  		
  		$(".toupiao-btn-box a").each(function(index, el) {
  			$(this).click(function(event) {
  				$(this).parents(".xuanshou-list").find(".chenggong").fadeIn()
  			});
  			var timesRun = 0;
	        var interval = setInterval(function(){
	        timesRun += 1;
	        if(timesRun === 60){
	        clearInterval(interval);
	        }
	        $(".chenggong").fadeOut()
	        }, 2000);
	  	});


	  	$(".content-nav .ulcontent li").click(function(event) {
	  		$(this).addClass('current').siblings('.content-nav .ulcontent li').removeClass('current')
	  	});

	  	$(".wangluo-nav ul li a").click(function(event) {
	  		$(this).addClass('current').siblings('.wangluo-nav ul li').removeClass('current')
	  		
	  	});

	  	var getid = '{$Think.get.fstvid}';
	  	if(getid==''){
	  		$(".content-nav .ulcontent li:first").addClass("current");
	  		$(".zt .ulcontent02 li:first").addClass("current");
	  	}

	  	$(".wangluo-nav ul li").click(function(event) {
	  		$(this).addClass('current').siblings('.wangluo-nav ul li').removeClass('current')
	  	});



	  	$(".tab-nav li").click(function(event) {
	  		$(this).addClass('current').siblings('.tab-nav li').removeClass('current')
	  	});

	  	$(".xuanshou-list").each(function(index, el) {
	  		$(this).hover(function() {
	  			$(this).find(".xiangxi").show();
	  		}, function() {
	  			$(this).find(".xiangxi").hide();
	  		});
	  	});

	  	$(".mingcheng-list li").each(function(index, el) {
	  		$(".mingcheng-list li:first-child").addClass('current');
	  		$(".mingcheng-list li:first-child").find("h4").hide();
	  		$(this).hover(function() {
	  			$(this).find("h4").hide().parent().siblings().find("h4").show();
	  			$(this).addClass('current').siblings().removeClass('current');
	  		}, function() {

	  		});
	  	});

  	});
</script>
<script type="text/javascript">
var speed=20 
marquePic2.innerHTML=marquePic1.innerHTML 
function Marquee(){ 
if(demo.scrollLeft>=marquePic1.scrollWidth){ 
demo.scrollLeft=0 
}else{ 
demo.scrollLeft++ 
} 
} 
var MyMar=setInterval(Marquee,speed) 
demo.onmouseover=function() {clearInterval(MyMar)} 
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)} 
</script>

<script type="text/javascript">
var speed=20
marquePic4.innerHTML=marquePic3.innerHTML 
function Marquee(){ 
if(demo02.scrollLeft>=marquePic3.scrollWidth){ 
demo02.scrollLeft=0 
}else{ 
demo02.scrollLeft++ 
} 
} 
var MyMar=setInterval(Marquee,speed) 
demo.onmouseover=function() {clearInterval(MyMar)} 
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)} 
</script>

<script type="text/javascript">
	Qfast.add('widgets', { path: "__JS__terminator2.2.min.js", type: "js", requires: ['fx'] });  
	Qfast(false, 'widgets', function () {
		K.tabs({
			id: 'fsD1',   //焦点图包裹id  
			conId: "D1pic1",  //** 大图域包裹id  
			tabId:"D1fBt",  
			tabTn:"a",
			conCn: '.fcon', //** 大图域配置class       
			auto: 1,   //自动播放 1或0
			effect: 'fade',   //效果配置
			eType: 'click', //** 鼠标事件
			pageBt:true,//是否有按钮切换页码
			bns: ['.prev', '.next'],//** 前后按钮配置class                          
			interval: 3000  //** 停顿时间  
		}) 
	})  
</script>
<script type="text/javascript">
	//ajax列表显示
	$(document).ready(function($) {
		//点击a链接时调用showdata方法
	    //$(".content-nav ul li a").click(function() {
	  	$(".zp ul li a").click(function() {
	  	 var fstvid=$(this).attr('fstvid')
  		 showdata(fstvid);
	  	});
	  	
	  	if(fstvid=="" || fstvid==null || fstvid==undefined ){
	  	 var fstvid=7;
	  	 showdata(fstvid);	
	  	};
	  	$(".zt ul li a").click(function() {
	  	 var ztfstvid=$(this).attr('ztfstvid');
  		 topicdata(ztfstvid);
	  	});
	  	if(ztfstvid=="" || ztfstvid==null || ztfstvid==undefined ){
	  	 var ztfstvid=7;
	  	 topicdata(ztfstvid);	
	  	};
	  	
  	});

	function showdata(fstvid){
		$.ajax({
	        type: 'GET',
	        url: '__URL__/winList',
	        dataType:'html',
	        data: {fstvid:fstvid,rand:Math.random()},
	        success: function (data) {
	          $("#dataList").html(data);
	        }
	    });
	 }
	function topicdata(ztfstvid){
		$.ajax({
	        type: 'GET',
	        url: '__URL__/winsubject',
	        dataType:'html',
	        data: {fstvid:ztfstvid,rand:Math.random()},
	        success: function (data) {
	          $("#winzt").html(data);
	        }
	    });
	 }
</script>
</body>
</html>
